<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>营业额</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <script src="../js/use_rem.js"></script>
    <link rel="stylesheet" href="../css/reset.css">
    <style>
        html,body{
            width: 100%;
            height: 100%;
        }
        .wrap {
            width:100%;
            height: 100%;
            background: -webkit-linear-gradient(#fa3c3c, #fb5b54); /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(#fa3c3c, #fb5b54); /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(#fa3c3c, #fb5b54); /* Firefox 3.6 - 15 */
            background: linear-gradient(#fa3c3c, #fb5b54); /* 标准的语法 */
        }
        header img{
            display: block;
            width: 52vw;
            margin:  0 auto 0;
        }
        header{
            padding-top: 10rem;
            padding-bottom: 11.5rem;
        }
        section{
            width: 61vw;
            margin: 0 auto;
        }
        section p {
            color: #FFFFFF;
            font-size: 1.2rem;
            text-align: center;
        }
        .yazm{
            width: 96%;
            height: 3.5rem;
           color: #FFFFFF;
           background-color: #dd3838;
            border-radius: 8vw;
            font-size: 1.5rem;
            padding-left: 4%;
            border-color:transparent;
            margin-top: 2rem;
        }
        .submit{
            width: 100%;
            height: 3.5rem;
            line-height:3.5rem ;
            color: #fa3c3c;
            background-color: #FFFFFF;
            border-radius: 8vw;
            text-align: center;
            font-size: 1.5rem;
            padding-left: 4%;
            border-color:transparent;
            margin-top: 3.25rem;
        }
    </style>
</head>
<body>
<div class="wrap">
     <header>
         <img src="../img/LOGO.png" alt="">
     </header>
    <section>
        <form action="">
            <p>请输入验证码</p>
            <input type="text" class="yazm">
            <input type="submit" value="提交" class="submit">
        </form>

    </section>
</div>
</body>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</html>